<template lang="">
    <div>
        {{ num }}
    </div>
    <!-- <input :value="num" @input="(e) => num = e.target.value"/> -->
     <div>
        索引：
        <input v-model="keyNum" />
     </div>
     <div>
        值：
        <input v-model="arr[keyNum]" />
     </div>

     <!-- <input v-model="arr[6]" /> -->
     <div v-if="num == 1">你输入了1</div>
    <div v-else-if="num == 2">你输入了2</div>
     <div v-else>您没有输入1,也没有输入2</div>
     <div v-show="num == 1">show: 你输入了1</div>
    <!-- <div>{{ arr[0] }}</div>
    <div>{{ arr[1] }}</div>
    <div>{{ arr[2] }}</div> -->
    <div v-for="(ite, index) in arr" :key="index">
        {{ ite }}, {{ index }}
    </div>
</template>
<script>
export default {
    data() {
        return {
            num: 1,
            keyNum: 0,
            arr: [
                '张三',
                '李思',
                '李思2',
                '李思3',
                '李思4',
                '李思5',
                '李思6',
                '李思7',
            ],
        }
    },
    methods: {
        // inputNum(e) {
        //     this.num = e.target.value
        // }
    }
}
</script>
<style lang="">
    
</style>